@charset "utf-8";
/* CSS Document */

/*base Start
=================================*/
body > div{margin-right:auto;margin-left:auto; } 
body,div,ul,ol,ul,li,ol,dl,dd,dt,form,span,p,textarea{margin:0;padding:0;list-style:none;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input{padding-top:0;padding-bottom:0;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{font-size:12px;margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,td{font-size:12px;padding:0}
img,a img{border:0;margin:0;padding:0;max-width: 100%;}
a{outline-style:none;color:#000;text-decoration:none}
a:hover{text-decoration:none;}
a:focus {outline-style:none; -moz-outline-style: none;}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix{zoom:1;}
.clear{clear:both; height:0; font-size:0;overflow:hidden;}
.auto{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.show{display:block!important;}
.hide{display:none!important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
/*base End
=================================*/

/*Public Start
=================================*/
body, html {
    color: #444;
	background: #fff;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑",PingHei,STHeiti,"\5B8B\4F53",SimSun,"宋体",sans-serif;
    font-size: 62.5%;
}
body {
    font-size: 1.4rem;font-size:14px;
}
ul,li{
	list-style:none;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover,a:focus {
    color: #de7839;
    text-decoration: none;
}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pd0{padding: 0;}
.pl0{padding-left: 0;}
.pr0{padding-right: 0;}
.prl15{padding: 0 15px;}
.bg-fff{background: #fff;}
.bgnone{background: none;}
/*Public End
=================================*/

/*header Start
=================================*/
.topnav li{
	float: left;
	line-height: 36px;
	color:#214d8e;
	padding: 0 5px;
}
.topnav li a{
	color:#214d8e;
}
.topnav li a:hover{
	text-decoration: underline;
}
header .logo img{
	padding: 15px 0 57px 0;
	max-width: 500px;
}
.search{
/*Alpha
	================================================*/
	background-color: rgba(199,236,255,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
	border-radius: 20px;
	height: 32px;
	line-height: 30px;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
	.search{
		background-color:#c7ecff;
		filter:Alpha(opacity=50);
		position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
		*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
	}
}
.search input{
	background: transparent;
	border: 0 none;
	color: #7896c4;
	padding-left: 15px;
    width: 170px;
}
.search .btn-search{
	background: url(ico_search_white.png) no-repeat 2px 7px;
    float: right;
    width: 36px;
}

@media all and (min-width:992px){
	header{
		background: url(bg_header_qtgz.jpg) no-repeat top center #bc0504;
	}
}

/* PC端：通用样式满足分辨率1280(1024) */
@media all and (max-width: 1169px) {
}

/* 小屏幕，主要是PAD */
@media all and (max-width: 991px) {
	.search input{
		width: 92%;
	}
	.search .btn-search{
		width: 8%;
	}
	.social-links {
		float: right;
	}
	.social-links .dropdown > button {
		background-color: transparent;
		color: #fff;
		font-size: 1.8rem; font-size: 18px;
		padding: 3px 0;
		
	}
	.btn.active,.btn:active{-webkit-box-shadow:none;box-shadow:none}
	.btn-group.open .dropdown-toggle{-webkit-box-shadow: none;box-shadow:none;}
	.social-links .dropdown-menu {
		z-index: 103;
		padding: 0px;
		box-shadow: none;
		background: #fafafa;
		right:0;
		left:auto;
		border: 1px solid #f1f1f1;
		top:27px;
	}
	.social-links li {
		margin: 5px 0;
		padding: 0 5px;
		color: #354a96;
		height: 16px;
		line-height:16px;
		font-size:12px;
	}
	.social-links li a {
		height: 20px;
		line-height:20px;
		border: none;
		width: 100%;
		color: #6f6f6f;
		background-color: transparent;
		border-color: transparent;
	}
	.social-links li a:hover {
		color: #354a96;
		background-color: transparent;
	}
	.social-links .dropdown.open>button>i:before {
		content: "\f00d";
		color: #e84c3d;
	}

	.social-links .dropdown-menu li a {
		padding: 0;
	}
	
}
/* 超小屏幕，主要是手机 */
@media all and (max-width: 767px) {
}
/* 微小屏幕，分辨率更低的手机 */
@media all and (max-width: 479px) {
/*	.container{
		padding: 0 5px;
	}
*/
	.search input{
		width: 86%;
	}
	.search .btn-search{
		width: 14%;
	}
	
}


/*nav Start
=================================*/
.nav > li > a{
	padding: 0;
}
.nav .open>a,.nav .open>a:focus,
.nav .open>a:hover{
	background-color:transparent;
}
.dropdown-menu{
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
}
.navbar-inverse{	
	background-color: rgba(168,4,4,0.8);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
	.navbar-inverse{
		background-color:#a80404;
		filter:Alpha(opacity=80);
		position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
		*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
	}
	.navbar-inverse p{
		position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
	}
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover{
	color: #fff;
	background-color: #670000;
}



/* Navbar
=================================*/
nav{
	background: #a80404;
}

nav.navbar{
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border: none;
    z-index: 99;
}
.navbar-inverse .navbar-nav>li>a{
	color: #fff;
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover{
	color: #fff;
	background-color: #670000;
}


nav.navbar ul.nav > li > a:hover
nav.navbar ul.nav > li > a:visited,
nav.navbar ul.nav > li > a:focus{
    color: #ffc479;
	font-weight: bold;
}
nav.navbar .navbar-toggle{
	float: right;
    background-color: #ffc479;
    border: none;
    position: relative;
	margin: 15px 2px 15px 0;
}
nav.navbar .navbar-toggle .icon-bar {
    background-color: #f3f6f9;
}
nav.navbar .navbar-toggle:hover,
nav.navbar .navbar-toggle:focus{
    background-color: #C5C5C5;
    border-color: #ec0515;
}
nav.navbar li.dropdown ul.dropdown-menu{
	background: #fff;
}
nav.navbar ul.nav li.dropdown ul.dropdown-menu  > li > a{
	line-height: 28px;
	font-size: 1.6rem; font-size: 16px;
	display: block;
	width: 100%;
	background-color: transparent;
	color: #d23d3e;
}
nav.navbar ul.nav li.dropdown ul.dropdown-menu  > li > a:hover{
	color: #fff;
	background: #a30a0a;
	display: block;
}

@media only screen and  (min-width: 991px) {
	nav.navbar-default .navbar-nav>li>a:hover{
		color:#fff;
		background-color:transparent
	}
	nav.navbar ul.nav > li {
		line-height: 48px;
	}
	nav.navbar ul.nav > li > a{
		padding: 0px 22px;
		font-size: 1.8rem;
		font-size: 18px;
		line-height: 48px;
		}
    nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
        background-color: transparent;
    }
	nav.navbar li.dropdown ul.dropdown-menu.wrapMenu{
		padding: 5px 0;
	}
	#arrow-top {
		border-bottom: 6px solid #fff;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		height: 0;
		left: 66px;
		line-height: 0;
		position: absolute;
		top: -6px;
		width: 0;
	}
}
@media only screen and  (min-width: 1200px) {
	nav.navbar ul.nav > li > a{ padding: 0px 32px;}
}
@media all and (max-width: 1169px) {
	nav.navbar ul.nav > li > a{
		padding: 0 20px;
		font-size: 1.8rem;
		font-size: 18px;
		line-height: 48px;
		}
}
@media only screen and (max-width: 991px) {	
	.navbar-brand {
		padding: 10px 5px;
	}
	nav.navbar .navbar-brand {
        display: inline-block;
        margin: 0 !important;
    }
	nav.navbar .navbar-header {
        float: none;
        display: block;
        text-align: center;
    }
	nav.navbar .navbar-collapse {
        border: none;   
        margin-bottom: 0;
    }
	nav.navbar .navbar-collapse.collapse {
        display: none !important;
    }
    
    nav.navbar .navbar-collapse.collapse.in {
        display: block !important;
    }
	nav.navbar .navbar-nav {
        float: none !important;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0px -15px;
    }
    nav.navbar .navbar-nav > li {
        float: none;
    }
	nav.navbar .navbar-toggle {
        display: inline-block;
    }
	nav.navbar ul.nav li.dropdown ul.dropdown-menu  > li > a{
		line-height: 22px;
    }
	nav.navbar .navbar-nav > li > a{
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
        border-top: solid 1px #e0e0e0;
        margin-bottom: -1px;
    }
	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{
		border: transparent;
	}
	nav.navbar .navbar-nav > li:first-child > a{
        border-top: none;
    }
}
/*nav End
=================================*/
/*header End
=================================*/

/*footer Start
=================================*/
footer{
	border-top: 4px solid #cf3031;
	background: #ebf3f7;
	line-height: 24px;
	padding-top: 20px;
}
footer img{
	width: auto;
}
footer .copyright{
}
/*footer End
=================================*/


/*toolbar Start
=================================*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:52px; height:52px; background:url(toolbar.png) no-repeat; position:fixed; right:0; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-184px -125px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-240px -125px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-184px -179px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:203px; height:210px; background:url(toolbar.png) 20px 1px no-repeat; position:fixed; right:54px; bottom:77px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}
/*toolbar End
=================================*/